<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="src/css/index2.css?201811225">
    <link rel="stylesheet" href="src/component/select/select/com-select.css">
    <link rel="stylesheet" href="src/component/message/com-message.css">
    <link rel="stylesheet" href="src/component/quill/quill.snow.css">
    <link rel="stylesheet" href="src/component/switch/com-switch.css">
    <script src="src/lib/jquery.min.js"></script>
    <script src="src/js/common.js"></script>
    <!--<script src="src/lib/jquery.ui.widget.js"></script>
    <script src="src/lib/jquery.iframe-transport.js"></script>
    <script src="src/lib/jquery.fileupload.js"></script>-->

    <!--组件调用-->
    <script src="src/component/select/select/com-select.js"></script>
    <script src="src/component/message/com-message.js"></script>
    <script src="src/component/radio/com-radio.js"></script>
    <script src="src/component/alert/com-alert.js"></script>
    <script src="src/component/switch/com-switch.js"></script>
    <script src="src/component/quill/quill.min.js"></script>
</head>
<body>

<div class="container">

    <div class="type">
        <section class="com-select" id="selectRev">
            <label class="sel-item">
                <input class="sel-head" value="版本2" readonly placeholder="请选择版本"/>
                <input name="selectRev" type="hidden" value="index2.html">
            </label>
            <ul class="sel-content">
                <li data-val="index.html" class="sel-list">版本1</li>
                <li data-val="index2.html" class="sel-list">版本2</li>
            </ul>
        </section>

        <section class="com-select" id="selectTemplate">
            <label class="sel-item">
                <input class="sel-head" type="text" value="" readonly UNSELECTABLE="on" placeholder="请选择模板"/>
                <input name="template" type="hidden" value="">
                <i class="sel-icon"></i>
            </label>
            <ul class="sel-content">

            </ul>
        </section>
    </div>

    <form class="form mt10">

        <!--<div class="form-item pd10">
            <label class="form-title"><i></i>日期：</label>
            <div class="form-content">
                <input name="date" class="form-input" type="text" placeholder="例：20170212">
            </div>
        </div>

        &lt;!&ndash;title&ndash;&gt;
        <section id="title" class="pdl10 pdr10">
            <div class="form-item">
                <label class="form-title"><i></i>标题：</label>
                <div class="form-content">
                    <input name="title" class="form-input" type="text" placeholder="长度小于35个字符" maxlength="35">
                </div>
            </div>
        </section>-->

        <section class="block-box clearfix">
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>日期：</label>
                    <div class="form-content">
                        <input name="date" class="form-input" type="text" placeholder="例：20170212">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>标题：</label>
                    <div class="form-content">
                        <input name="title" class="form-input" type="text" placeholder="长度小于35个字符" maxlength="35">
                    </div>
                </div>
            </div>

            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">Logo：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="logo-link" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="logo-link" class="form-input dress-hot-path" type="text" placeholder="Logo链接、或上传">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">Height：</label>
                    <div class="form-content">
                        <input name="logo-height" class="form-input" type="text" placeholder="logo高度">
                    </div>
                </div>
            </div>
        </section>


        <!--导航-->
        <section class="block-box clearfix">
            <h1>页面导航</h1>
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">名称：</label>
                    <div class="form-content">
                        <input name="nav-name-1" class="form-input" type="text" placeholder="导航名称">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="nav-link-1" class="form-input" type="text">
                    </div>
                </div>
            </div>
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">名称：</label>
                    <div class="form-content">
                        <input name="nav-name-2" class="form-input" type="text" placeholder="导航名称">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="nav-link-2" class="form-input" type="text">
                    </div>
                </div>
            </div>
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">名称：</label>
                    <div class="form-content">
                        <input name="nav-name-3" class="form-input" type="text" placeholder="导航名称">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="nav-link-3" class="form-input" type="text">
                    </div>
                </div>
            </div>
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">名称：</label>
                    <div class="form-content">
                        <input name="nav-name-4" class="form-input" type="text" placeholder="导航名称">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="nav-link-4" class="form-input" type="text">
                    </div>
                </div>
            </div>
        </section>

        <!--banner-->
        <section id="banner" class="block-box">
            <h1>BANNER</h1>
            <div class="form-item">
                <label class="form-title"><i></i>链接：</label>
                <div class="form-content">
                    <input name="bannerLink" class="form-input" type="text">
                </div>
            </div>
            <div class="form-item">
                <label class="form-title">描述：</label>
                <div class="form-content">
                    <input name="bannerTitle" class="form-input" type="text">
                </div>
            </div>

            <div class="form-item">
                <label class="form-title">图片：</label>
                <div class="form-content">
                    <label>
                        <span class="btn-file">上传图片</span>
                        <!--data-name属性和input的相同-->
                        <input class="hide" data-name="bannerSrc" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                    </label>
                    <input name="bannerSrc" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                </div>
            </div>
        </section>

        <!--区块1-->
        <section id="block1" class="clearfix block-box">
            <h1>BANNER区块-1</h1>
            <div class="form-item pd10">
                <label class="form-title"><i></i>数量：</label>
                <div class="form-content">
                    <input name="b1Num" class="form-input" type="text" placeholder="区块数量:1~3">
                </div>
            </div>

            <!--block1/1-->
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="b1-link-1" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">描述：</label>
                    <div class="form-content">
                        <input name="b1-title-1" class="form-input" type="text">
                    </div>
                </div>

                <div class="form-item">
                    <label class="form-title">图片：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="b1-src-1" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="b1-src-1" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                    </div>
                </div>
            </div>
            <!--block1/2-->
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="b1-link-2" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">描述：</label>
                    <div class="form-content">
                        <input name="b1-title-2" class="form-input" type="text">
                    </div>
                </div>

                <div class="form-item">
                    <label class="form-title">图片：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="b1-src-2" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="b1-src-2" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                    </div>
                </div>
            </div>
            <!--block1/3-->
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="b1-link-3" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">描述：</label>
                    <div class="form-content">
                        <input name="b1-title-3" class="form-input" type="text">
                    </div>
                </div>

                <div class="form-item">
                    <label class="form-title">图片：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="b1-src-3" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="b1-src-3" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                    </div>
                </div>
            </div>
        </section>

        <section id="list1" class="block-box pdl10 pdr10">
            <h1>产品列表1</h1>
            <div class="form-item">
                <label class="form-title"><i></i>标题：</label>
                <div class="form-content">
                    <input name="list1-title" class="form-input" type="text" placeholder="列表标题">
                </div>
            </div>
            <div class="form-item">
                <label class="form-title"><i></i>数量：</label>
                <div class="form-content">
                    <input name="list1-num" class="form-input" type="text" placeholder="区块数量:2~4">
                </div>
            </div>
            <div class="form-item">
                <label class="form-title">Sku：</label>
                <div class="form-content">
                    <textarea rows="2" cols="2" name="list1-sku" placeholder="请以逗号分隔sku"></textarea>
                </div>
            </div>
        </section>

        <!--区块2-->
        <section id="block2" class="block-box clearfix">
            <div class="box-title">
                <h1>BANNER区块-2</h1>
                <div class="form-item pd10">
                    <label class="form-title"><i></i>数量：</label>
                    <div class="form-content">
                        <input name="b2Num" class="form-input" type="text" placeholder="区块数量:1~3">
                    </div>
                </div>
            </div>
            <!--block2/1-->
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="b2-link-1" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">描述：</label>
                    <div class="form-content">
                        <input name="b2-title-1" class="form-input" type="text">
                    </div>
                </div>

                <div class="form-item">
                    <label class="form-title">图片：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="b2-src-1" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="b2-src-1" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                    </div>
                </div>
            </div>
            <!--block2/2-->
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="b2-link-2" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">描述：</label>
                    <div class="form-content">
                        <input name="b2-title-2" class="form-input" type="text">
                    </div>
                </div>

                <div class="form-item">
                    <label class="form-title">图片：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="b2-src-2" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="b2-src-2" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                    </div>
                </div>
            </div>
            <!--block2/3-->
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="b2-link-3" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">描述：</label>
                    <div class="form-content">
                        <input name="b2-title-3" class="form-input" type="text">
                    </div>
                </div>

                <div class="form-item">
                    <label class="form-title">图片：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="b2-src-3" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="b2-src-3" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                    </div>
                </div>
            </div>
        </section>

        <section id="list2" class="block-box pdl10 pdr10">
            <h1>产品列表2</h1>
            <div class="form-item">
                <label class="form-title"><i></i>标题：</label>
                <div class="form-content">
                    <input name="list2-title" class="form-input" type="text" placeholder="列表标题">
                </div>
            </div>
            <div class="form-item">
                <label class="form-title"><i></i>数量：</label>
                <div class="form-content">
                    <input name="list2-num" class="form-input" type="text" placeholder="区块数量:2~4">
                </div>
            </div>
            <div class="form-item">
                <label class="form-title">Sku：</label>
                <div class="form-content">
                    <textarea rows="2" cols="2" name="list2-sku" placeholder="请以逗号分隔sku"></textarea>
                </div>
            </div>
        </section>

        <!--区块3-->
        <section id="block3" class="block-box clearfix">
            <h1>BANNER区块-3</h1>
            <div class="form-item pd10">
                <label class="form-title"><i></i>数量：</label>
                <div class="form-content">
                    <input name="b3Num" class="form-input" type="text" placeholder="区块数量:1~3">
                </div>
            </div>
            <!--block3/1-->
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="b3-link-1" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">描述：</label>
                    <div class="form-content">
                        <input name="b3-title-1" class="form-input" type="text">
                    </div>
                </div>

                <div class="form-item">
                    <label class="form-title">图片：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="b3-src-1" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="b3-src-1" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                    </div>
                </div>
            </div>
            <!--block3/2-->
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="b3-link-2" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">描述：</label>
                    <div class="form-content">
                        <input name="b3-title-2" class="form-input" type="text">
                    </div>
                </div>

                <div class="form-item">
                    <label class="form-title">图片：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="b3-src-2" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="b3-src-2" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                    </div>
                </div>
            </div>
            <!--block3/3-->
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="b3-link-3" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">描述：</label>
                    <div class="form-content">
                        <input name="b3-title-3" class="form-input" type="text">
                    </div>
                </div>

                <div class="form-item">
                    <label class="form-title">图片：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="b3-src-3" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="b3-src-3" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                    </div>
                </div>
            </div>
        </section>

        <section id="list3" class="block-box pdl10 pdr10">
            <h1>产品列表3</h1>
            <div class="form-item">
                <label class="form-title"><i></i>标题：</label>
                <div class="form-content">
                    <input name="list3-title" class="form-input" type="text" placeholder="列表标题">
                </div>
            </div>
            <div class="form-item">
                <label class="form-title"><i></i>数量：</label>
                <div class="form-content">
                    <input name="list3-num" class="form-input" type="text" placeholder="区块数量:2~4">
                </div>
            </div>
            <div class="form-item">
                <label class="form-title">Sku：</label>
                <div class="form-content">
                    <textarea rows="2" cols="2" name="list3-sku" placeholder="请以逗号分隔sku"></textarea>
                </div>
            </div>
        </section>

        <!--区块4-->
        <section id="block4" class="block-box clearfix">
            <h1>BANNER区块-4</h1>
            <div class="form-item pd10">
                <label class="form-title"><i></i>数量：</label>
                <div class="form-content">
                    <input name="b4Num" class="form-input" type="text" placeholder="区块数量:1~3">
                </div>
            </div>
            <!--block4/1-->
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="b4-link-1" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">描述：</label>
                    <div class="form-content">
                        <input name="b4-title-1" class="form-input" type="text">
                    </div>
                </div>

                <div class="form-item">
                    <label class="form-title">图片：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="b4-src-1" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="b4-src-1" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                    </div>
                </div>
            </div>
            <!--block4/2-->
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="b4-link-2" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">描述：</label>
                    <div class="form-content">
                        <input name="b4-title-2" class="form-input" type="text">
                    </div>
                </div>

                <div class="form-item">
                    <label class="form-title">图片：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="b4-src-2" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="b4-src-2" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                    </div>
                </div>
            </div>
            <!--block4/3-->
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="b4-link-3" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title">描述：</label>
                    <div class="form-content">
                        <input name="b4-title-3" class="form-input" type="text">
                    </div>
                </div>

                <div class="form-item">
                    <label class="form-title">图片：</label>
                    <div class="form-content">
                        <label>
                            <span class="btn-file">上传图片</span>
                            <input class="hide" data-name="b4-src-3" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                        </label>
                        <input name="b4-src-3" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                    </div>
                </div>
            </div>
        </section>

        <!--底部label-->
        <section class="block-box clearfix">
            <h1>label导航</h1>
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">名称：</label>
                    <div class="form-content">
                        <input name="label-name-1" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="label-link-1" class="form-input" type="text">
                    </div>
                </div>
            </div>
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">名称：</label>
                    <div class="form-content">
                        <input name="label-name-2" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="label-link-2" class="form-input" type="text">
                    </div>
                </div>
            </div>
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">名称：</label>
                    <div class="form-content">
                        <input name="label-name-3" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="label-link-3" class="form-input" type="text">
                    </div>
                </div>
            </div>
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">名称：</label>
                    <div class="form-content">
                        <input name="label-name-4" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="label-link-4" class="form-input" type="text">
                    </div>
                </div>
            </div>
        </section>

        <!--底部连接-->
        <section class="block-box clearfix">
            <h1>站点信息</h1>
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">名称：</label>
                    <div class="form-content">
                        <input name="site-name-1" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="site-link-1" class="form-input" type="text">
                    </div>
                </div>
            </div>
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">名称：</label>
                    <div class="form-content">
                        <input name="site-name-2" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="site-link-2" class="form-input" type="text">
                    </div>
                </div>
            </div>
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">名称：</label>
                    <div class="form-content">
                        <input name="site-name-3" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="site-link-3" class="form-input" type="text">
                    </div>
                </div>
            </div>
            <div class="box-list">
                <div class="form-item">
                    <label class="form-title">名称：</label>
                    <div class="form-content">
                        <input name="site-name-4" class="form-input" type="text">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-title"><i></i>链接：</label>
                    <div class="form-content">
                        <input name="site-link-4" class="form-input" type="text">
                    </div>
                </div>
            </div>
        </section>

        <!--编辑器-->
        <section class="edit">
            <div class="edit-title">
                <span>开起编辑：</span>
                <section data-name="comSwitch" class="com-switch">
                    <label class="">
                        <i data-name="checkStyle" class="com-style"></i>
                        <input type="checkbox" value="小红2">
                    </label>
                </section>
            </div>
            <div id="editor-container" class="hide"></div>
        </section>


        <div class="form-item pdl10 pdr10">
            <label class="form-title"><i></i>生成：</label>
            <div class="form-content">
                <input name="callback" class="form-input" type="text" placeholder="生成链接">
            </div>
        </div>

        <div class="form-item tc">
            <!--<button id="test" class="btn-sub ml10 testTemp" type="button">数据测试</button>-->
            <button id="start" class="btn-sub ml10" type="button">生成</button>
            <button id="save" class="btn-sub ml10" type="button">保存数据</button>
            <button id="reset" class="btn-sub ml10" type="reset">清空数据</button>
        </div>
    </form>

    <div class="form-item hide">
        <label class="form-title">html：</label>
        <div class="form-content">
            <textarea rows="2" cols="2" name="html"></textarea>
        </div>
    </div>

    <!--top-->
    <div class="return-top"><i class="iconfont icon-xiaohuojian"></i></div>
</div>
</body>

<script>
    window.p = {
        quill:null,
        edit:null
    }

    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'src/js/index2.js?' + new Date().getTime();
    document.getElementsByTagName('head')[0].appendChild(script);

    $(function(){
        $(window).scroll(function(){
            if($(this).scrollTop() > $(window).height()/1.4){
                $('.return-top').show();
            }else{
                $('.return-top').hide();
            }
        });
        $('body').on("click",".return-top", function(){
            $('html').animate({scrollTop: 0},400);
            return false;
        })

        //调用编辑器
        p.quill = new Quill('#editor-container', {
            modules: {
                toolbar: [
                    [{ header: [1, 2,3,4, false] }],
                    ['bold', 'italic', 'underline'],
                    //['image', /*'code-block'*/]
                ],
                //imageDrop: true,
            },
            placeholder: 'Compose an epic...',
            theme: 'snow'  // or 'bubble'
        });
        p.editSwitch = $('.com-switch').comSwitch({
            callback:function(isTrue,obj){
                p.quill.container.firstChild.innerHTML = "";
                if(isTrue){
                    $("#editor-container").removeClass('hide');
                    $(".ql-toolbar").show()
                }else{
                    $("#editor-container").addClass('hide');
                    $(".ql-toolbar").hide()
                }
            }
        });

    })
</script>
</html>

